<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>叮咚购物后台管理系统</title>
<!-- <link rel="stylesheet" href="css/background.css"> -->
<script type="text/javascript" src="jq/jquery-3.7.1.js"></script>
<style>
*{
		margin: 0px;
		padding: 0px;
	}
	body{
		background-color:red;
	}
	a{
		text-decoration:none;
		font-weight:bold;
	}
	a:hover{
		color:pink;
	}
    #bulk{
        position: relative;
        width: 100%;
        height: 100%;
    }
	ul li{
		list-style-type: none;
        font-size: 30px;
        text-align: center;
	}
    table,td{
        border: 1px solid black;
    }
	table,td{
        width: 1350px;
        font-weight: bold;
        /*position: absolute;*/
        /*margin-left: 200px;
        margin-top: 300px;*/
        /*background-color: red;*/
	}
	tr{
		line-height: 40px;
        height: 40px;
		text-align: center;
        font-size: 25px;
	}
    #left_div{
        width: 400px;
        height: 830px;
        /*border: 1px solid black;*/
        background-color: skyblue;
        position: relative;
        left: 0px;
       /* top: 100px;*/
    }
    #right_div{
        width: 1350px;
        height: 830px;
        /*border: 1px solid black;*/
        background-color: #fff;
        position: absolute;
        
        /*top: 100px;*/
    }
	header h1{
        background-color:rgb(0, 140, 192);
	}
    #shouSuo{
        width: 300px;
        height: 40px;
    }
    #enterSouShuo{
        width: 60px;
        height: 40px;
        font-weight: bold;
    }
    #addUser{
        width: 60px;
        height: 40px;
        font-weight: bold;
    } 
    #logo{
        width: 30px;
        height: 30px;
    }
    #iframe{
    	width:1200px;
    	height:830px;
    	position:relative;
    	left:400px;
    	bottom:830px;
    	
    }
</style>
</head>
<body>
 <div id="bulk">
 	
        <header>
            <h1>
                 <img src="images\logo.png" alt="" id="logo">后台管理系统
            </h1>
        </header>
    
        <div id="left_div">
            <ul>
            	<li><a href="#" id="firstPage">首页</a></li>
                <li>&nbsp;</li>
                <li><a href="#" id="user">用户管理</a></li>
                <li>&nbsp;</li>
                <li><a href="#" id="shop">商品管理</a></li>
            </ul>
        </div>
		<div id="iframe">
        <iframe src="firstPage.jsp" width="1900px" height="830px" frameborder="1" id="iframeSrc"></iframe> 
        </div>
		
    </div>
</body>
<script>
		var s=$("#iframeSrc");
		console.log(s[0].src);
		$("#user").click(function(){
			s[0].src="FenYeUserServlet";
		});
		$("#shop").click(function(){
			s[0].src="FenYeShopServlet";
		});
		$("#firstPage").click(function(){
			s[0].src="firstPage.jsp";
		});
</script>
</html>